<template>
  <div class="H">
    <div class="T">
      <p class="C">5</p>
    </div>
  </div>
</template>


<script>
export default {};
</script>




<style >
*{
  margin: 0;
  padding: 0;
}
.H{
  width: 100%;
  height: 500px;
  background: rgb(255, 153, 153);
  position: relative;
}
.T{
  position: absolute;
  height: 100px;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: auto;
  left: 0;
  background: chartreuse;
  display: block
}
.C{
   text-align: center;
   position: relative;
     font-size: 50px;
}
</style>
